<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>摘星星编辑</title>
    <script>
      var width = document.documentElement.clientWidth;
      var scale = width / 375;
      var css = 'html{font-size:' +
        37.5 * scale +
        'px;}';
      document.write('<style>' + css + '</style>');
    </script>
        <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
</head>
<body>
<div id="app" v-cloak>
    <func-banner :mananger='false'></func-banner>
    <audio :src="BgMusic" autoplay="autoplay" id="bg_music"></audio>
    <div class="select show_select_music">
        <section class="change_select">
            <div class="cross"></div>
            <h2>请选择喜欢的背景音乐</h2>
            <div class="select_content music_content">
                <ul>
                    <li v-for="(item,index) in Music" v-on:click="selectMusic(index)">
                        <div class=" weui_cells_checkbox">
                            <label class="weui_cell weui_check_label check_label_box" :for="'music' + index">
                                <input type="radio" class="weui_check" name="checkMusic" :id="'music' + index"
                                       v-model="MusicCheck" v-bind:value="index">
                                <i class="weui_icon_checked"></i>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <p class="fl">&nbsp;{{item.Name}}</p>
                                </div>
                            </label>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="sure_add content_change makesure">我选好了</div>
        </section>
    </div>
    <div class="select show_select_title">
        <!-- 选择标题时 -->
        <section class="change_select">
            <div class="cross"></div>
            <h2>请选择喜欢的标题</h2>
            <div class="select_content title_content">
                <ul>
                    <li v-for="(item,index) in FineTitle" v-on:click="selectTitle(index)">
                        <div class=" weui_cells_checkbox">
                            <label class="weui_cell weui_check_label check_label_box" :for="'title' + index">
                                <input type="radio" name='checkTitle' class="weui_check" :id="'title' + index"
                                       v-model="TitleCheck" v-bind:value="index">
                                <i class="weui_icon_checked"></i>
                                <div class="weui_cell_bd weui_cell_primary">
                                    <p class="fl">{{item.Name}}</p>
                                </div>
                            </label>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="content_change sure_title makesure">确定使用标题</div>
        </section>
    </div>
    <div class="container">
        <main>
            <div class="banner">
                <img src="../../../img/activity/collect/get_star/banner.jpg" alt="">
                <!-- 星星位置等 -->
                <div class="banner_header">
                    <span class="night_sky_star blinking star_1"></span>
                    <span class="night_sky_star blinking star_2"></span>
                    <span class="night_sky_star blinking star_3"></span>
                    <span class="night_sky_star blinking star_4"></span>
                    <span class="night_sky_star blinking star_5"></span>
                    <span class="night_sky_star blinking star_6"></span>
                    <span class="night_sky_star blinking smile"></span>
                </div>
                <div class="basin">
                    <img src="../../../img/activity/collect/get_star/basin-5.png" alt="">
                </div>
                <div class="activity_slogan">
                    <div class="both"></div>
                    <textarea class="dashed" id="title" name="title" v-model="Title"></textarea>
                    <div class="change_title">
                        <div v-on:click="changeTitle">
                            <img src="../../../img/activity/change_title_btn.png">
                            <span>更换标题</span>
                        </div>
                    </div>
                </div>
                <!-- 更换模块 -->
                <div class="top_banner">
                    <div class="select_music fl" v-on:click="changeMusic">
                        <img src="../../../img/activity/btn-music-default@2x.png" alt="">
                    </div>
                </div>
            </div>
            <!-- 设置时间区域  -->
            <select-time :timeselect="TimeSet"></select-time>
            <div class="content">
                <div class="activity">
                    <div class="card-body" style="text-align:center;">
                        <h5>本期奖品&nbsp;
                            <input type="number" max="9999999" min="1" v-model="Prizes.PrizeNum">&nbsp;份</h5>
                        <p>不填则表示不限制</p>
                        <p style="color: #f00;" v-if="HasJoiners">活动已有人报名,不可减少奖品份数</p>
                        <p>活动时间内摘到&nbsp;
                            <input type="number" max="999" min="1" v-model="Prizes.NeedNum" id="need_count">&nbsp;颗星星
                        </p>
                        <p>即可&nbsp;&nbsp;
                            <input name="prizes_desc" type="text" v-model="Prizes.Name" placeholder="请输入奖品描述">
                        </p>
                    </div>
                    <g-section v-on:child-say="listenSectionChange" :sedata="Content"></g-section>
                    <!-- 额外信息-->
                    <edit-addmsg :footeradd="AddMsg"></edit-addmsg>
                </div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
                <div class="both"></div>
            </div>
        </main>
    </div>
    <div class="footer">
        <a id="preview" v-on:click="saveActDetail(1)">预览活动</a>
        <a id="presave" class="right" v-on:click="saveActDetail(2)">保存活动</a>
    </div>
</div>
</body>
</html>